<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>07-生命周期函数的执行顺序和触发条件</title>
</head>
<body>
  生命周期函数执行的顺序为:
       1.创建beforeCreate,在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
       2.created,在实例被创建完之后直接调用.
       3.beforeMount,在挂载开始之前被调用,该钩子在服务器渲染期间不会被调用.
       4.mounted,不会保证所有的子组件也都一起被挂载。该钩子在服务器端渲染期间不被调用.
       5.beforeUpdate,数据更新时调用,该钩子在服务器端渲染期间不被调用，因为只有初次渲染会在服务端进行。
       6.updated,当这个钩子被调用时，组件 DOM 已经更新.如果要相应状态改变，通常最好使用计算属性或 watcher 取而代之.该钩子在服务器端渲染期间不被调用。
       7.activated,被 keep-alive 缓存的组件激活时调用。该钩子在服务器端渲染期间不被调用。
       8.deactivated,被 keep-alive 缓存的组件停用时调用。该钩子在服务器端渲染期间不被调用。
       9.beforeDestroy,实例销毁之前调用,在这一步实例仍可调用.该钩子在服务器端渲染期间不被调用。
       10.destory,实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。该钩子在服务器端渲染期间不被调用。
       

</body>
<script src="./vue1111.js"></script>
<script>

</script>
</html>